<template>
	
	<div class="contentRight" style='margin-left: 200px;'>
    	<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal"  >
		  <el-menu-item index="1">数据概览</el-menu-item>
		</el-menu>
		<div style="min-height: 837px;">
		<el-container>
            <el-main>
              <Card style="margin-top:20px ;">
                   <div style="width:100%;background:#F8F8F8;">
                     <span class="span-border">实时概况</span>
                     <span class="span-updatatime">更新时间:    2018-12-03 14:54:30</span>
                     <div class="div-threexuan">
                       <span>全店</span>
                       <span>|</span>
                       <span>网店</span>
                       <span>|</span>
                       <span>门店</span>
                     </div>
                     </div>
                    <div style="min-height: 200px">
                        fdfdf
                    </div>
              </Card>
              <Card>
                <div style="min-height: 200px">
                	ffffffffffffffff
                </div>
              </Card>
            </el-main>
		</el-container>
		</div>
    </div>
</template>


<script>
	export default{
		data(){
			return{
				activeIndex: '1',
			}
		}
	}
</script>

<style scoped>
  .span-border{
    font-size: 15px;
     border-left: 3px solid #007ACC;
     padding-left: 6px;
     font-weight: 900;
     padding: 6px 6px 6px 6px;
     display: inline-block;
  }
  .span-updatatime{
    margin-left: 20px;
    color: gray;
  }
  .div-threexuan{
    text-align: right;
    display: inline-block;
    margin-left: 1070px;
  }
</style>